<template>
  <div class="page flex-col">
    <div class="section1 flex-col">
      <div class="layer1 flex-row">
        <img
          class="img1"
          referrerpolicy="no-referrer"
          src="../../assets/imgs/dds/ddsEschool/zwgl.png"
        />
        <img
          class="pic1"
          referrerpolicy="no-referrer"
          src="../../assets/imgs/dds/ddsEschool/hktj.png"
        />
        <img
          class="img2"
          referrerpolicy="no-referrer"
          src="../../assets/imgs/dds/ddsEschool/wdcz.png"
        />
        <img
          class="pic2"
          referrerpolicy="no-referrer"
          src="../../assets/imgs/dds/ddsEschool/znpl.png"
        />
        <img
          class="pic3"
          referrerpolicy="no-referrer"
          src="../../assets/imgs/dds/ddsEschool/hbxc.png"
        />
      </div>
      <div class="layer2 flex-row">
        <span class="info1">自我管理</span>
        <span class="info2">好课推荐</span>
        <span class="txt1">我的成长</span>
        <span class="word1">智能陪练</span>
        <span class="info3">海报宣传</span>
      </div>
      <div class="layer3 flex-col">
        <div class="outer1 flex-row">
          <span class="word2">预约直播</span>
          <span class="txt2">1</span>
          <span class="info4">/2</span>
        </div>
      </div>
      <div class="layer4 flex-col">
        <div class="outer2 flex-row">
          <span class="info5">短期医疗徵求意见搞解读</span>
        </div>
        <div class="outer3 flex-row">
          <span class="info6">2020-06-08&nbsp;&nbsp;15:30~18:00</span>
        </div>
        <div class="outer4 flex-row">
          <img
            class="pic4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng89968a9b419e32fdb6ed6278a550085198f1ab8e3e2c75b059bffa852fe77840"
          />
        </div>
        <div class="outer5 flex-row">
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/c.png"
          />
        </div>
      </div>
      <div class="layer5 flex-col">
        <div class="layer6 flex-row">
          <span class="word3">学霸榜</span>
          <div class="group1 flex-col"><span class="txt3">近一月</span></div>
          <span class="word4">全部</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/jr.png"
          />
        </div>
      </div>
      <div class="layer7 flex-col">
        <div class="bd1 flex-col">
          <div class="box1 flex-row">
            <span class="txt4">全国排名</span>
            <span class="info7">全省排名</span>
          </div>
          <div class="box2 flex-row">
            <div class="group2 flex-col">
              <div class="bd2 flex-col">
                <div class="outer6 flex-col"></div>
                <span class="word5">布拉德斯科</span>
                <div class="outer7">
                  <span class="txt5">7.73</span>
                  <span class="info8">学时</span>
                </div>
                <span class="txt6">北京</span>
              </div>
            </div>
            <div class="group3 flex-col">
              <div class="bd3 flex-col">
                <div class="section2 flex-col"></div>
                <span class="txt7">尼古拉斯</span>
                <div class="section3">
                  <span class="txt8">8.02</span>
                  <span class="word6">学时</span>
                </div>
                <span class="txt9">北京</span>
              </div>
            </div>
            <div class="group4 flex-col">
              <div class="mod1 flex-col">
                <div class="box3 flex-col"></div>
                <span class="word7">王力宏</span>
                <div class="box4">
                  <span class="txt10">6.89</span>
                  <span class="word8">学时</span>
                </div>
                <span class="word9">上海</span>
              </div>
            </div>
          </div>
          <div class="box5 flex-row">
            <span class="word10">名次</span>
            <span class="word11">姓名</span>
            <span class="word12">机构</span>
            <span class="word13">学时(小时)</span>
          </div>
          <div class="box6 flex-col">
            <div
              class="layer8-0 flex-col"
              v-for="(item, index) in loopData0"
              :key="index"
            >
              <div class="layer9-0 flex-row" :class="{layer9_1: index == '2'}">
                <span
                  class="txt11-0"
                  :style="{ color: item.lanhufontColor0 }"
                  v-html="item.lanhutext0"
                ></span>
                <span
                  class="word14-0"
                  :style="{ color: item.lanhufontColor1 }"
                  v-html="item.lanhutext1"
                ></span>
                <span
                  class="word15-0"
                  :style="{ color: item.lanhufontColor2 }"
                  v-html="item.lanhutext2"
                ></span>
                <span
                  class="txt12-0"
                  :style="{ color: item.lanhufontColor3 }"
                  v-html="item.lanhutext3"
                ></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layer10 flex-col">
        <div class="bd4 flex-row">
          <span class="word16">猜你喜欢</span>
          <span class="txt13">选择兴趣</span>
          <div class="group5 flex-col"></div>
          <span class="info9">全部</span>
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/jr.png"
          />
        </div>
      </div>
      <div class="layer11 flex-row">
        <div class="main1 flex-col">
          <img
            class="img3"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/t1.png"
          />
        </div>
        <div class="main2 flex-col">
          <img
            class="img4"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/t2.png"
          />
        </div>
      </div>
      <div class="layer12 flex-row">
        <div class="group6 flex-col">
          <span class="word17">保单管家</span>
          <div class="layer13 flex-row">
            <span class="word18">谭芳讲师</span>
            <button class="block1 flex-col" @click="onClick_1">
              <span class="info10">去学习</span>
            </button>
          </div>
        </div>
        <span class="txt14">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="layer14 flex-row">
        <span class="info11">谭芳讲师</span>
        <button class="section4 flex-col" @click="onClick_2">
          <span class="word19">去学习</span>
        </button>
      </div>
      <div class="layer15 flex-row">
        <div class="bd5 flex-col">
          <div class="box7 flex-col">
            <img
              class="pic5"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsEschool/t3.png"
          />
          </div>
          <span class="info12">保单管家-保险全流程保险全保险全流程…</span>
          <div class="box8 flex-row">
            <span class="info13">谭芳讲师</span>
            <button class="bd6 flex-col" @click="onClick_3">
              <span class="txt15">去学习</span>
            </button>
          </div>
        </div>
        <div class="bd7 flex-col">
          <div class="layer16 flex-col">
            <img
              class="img5"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsEschool/t4.png"
          />
          </div>
          <span class="word20">保单管家-保险全流程保险</span>
        </div>
      </div>
      <div class="layer17 flex-row">
        <span class="word21">谭芳讲师</span>
        <button class="bd8 flex-col" @click="onClick_4">
          <span class="word22">去学习</span>
        </button>
      </div>
      <div class="layer18 flex-row">
        <div class="section5 flex-col">
          <div class="bd9 flex-col">
            <img
              class="img6"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsEschool/t5.png"
          />
          </div>
          <span class="info14">保单管家</span>
        </div>
        <div class="section6 flex-col">
          <img
            class="pic6"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/t2.png"
          />
        </div>
      </div>
      <div class="layer19 flex-row">
        <span class="word23">谭芳讲师</span>
        <button class="bd10 flex-col" @click="onClick_5">
          <span class="txt16">去学习</span>
        </button>
        <span class="word24">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="layer20 flex-row">
        <span class="word25">谭芳讲师</span>
        <button class="block2 flex-col" @click="onClick_6">
          <span class="info15">去学习</span>
        </button>
      </div>
      <div class="layer21 flex-col"><span class="txt17">换一批</span></div>
      <div class="layer22 flex-col">
        <div class="section7 flex-row">
          <img
            class="icon4"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/sy.png"
          />
          <div class="main3 flex-col"></div>
          <div class="main4 flex-col"></div>
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsEschool/wd.png"
          />
        </div>
        <div class="section8 flex-row">
          <span class="txt18">首页</span>
          <span class="word26">产品</span>
          <span class="word27">e学堂</span>
          <span class="txt19">我的</span>
        </div>
      </div>
    </div>
    <div class="section9 flex-col">
      <div class="section10 flex-col">
        <div class="outer8 flex-col">
          <div class="outer9 flex-row">
            <span class="txt20">成长</span>
            <img
              class="img7"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsEschool/ext.png"
            />
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsEschool/ss.png"
            />
            <div class="outer10 flex-col"><span class="word28">13</span></div>
          </div>
        </div>
        <span class="word29">我的学习</span>
        <span class="txt21">随时随地让学习成为习惯</span>
        <img
          class="pic7"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8278b27aa75f87b028b265c838dccd0cfc93294cda2d44282c419a894b2d2210"
        />
      </div>
      <img
        class="img8"
        referrerpolicy="no-referrer"
        src="../../assets/imgs/dds/ddsEschool/bg.png"
      />
    </div>
    <div class="section11 flex-col">
      <div class="mod2 flex-col">
        <span class="txt22">ICSS专区</span>
        <span class="word30">优秀好课上线</span>
      </div>
    </div>
    <div class="section12 flex-col">
      <div class="layer23 flex-col">
        <span class="word31">新人专区</span>
        <span class="word32">最新好课上线</span>
      </div>
    </div>
    <img
      class="pic8"
      referrerpolicy="no-referrer"
      src="../../assets/imgs/dds/ddsEschool/djjd.png"
    />
    <div class="section13 flex-col"><span class="word33">24学时</span></div>
    <div class="section14 flex-col"><span class="txt23">64学时</span></div>
    <div class="section15 flex-col"><span class="word34">3学时</span></div>
    <div class="section16 flex-col"><span class="word35">14学时</span></div>
    <div class="section17 flex-col"><span class="word36">24学时</span></div>
    <div class="section18 flex-col"><span class="txt24">64学时</span></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: 'NO.4',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '李斯丹妮洁',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '呼和浩特',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '6.61',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.5',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '周杰伦',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '5.20',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.122',
          lanhufontColor0: 'rgba(38,46,63,1)',
          lanhutext1: '华小瑞',
          lanhufontColor1: 'rgba(38,46,63,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(38,46,63,1)',
          lanhutext3: '0.02',
          lanhufontColor3: 'rgba(38,46,63,1)'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    },
    onClick_3() {
      alert(1);
    },
    onClick_4() {
      alert(1);
    },
    onClick_5() {
      alert(1);
    },
    onClick_6() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3646px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  justify-content: flex-end;
  padding-bottom: 0;
  .section1 {
    z-index: auto;
    width: 750px;
    height: 3046px;
    .layer1 {
      z-index: auto;
      width: 638px;
      height: 72px;
      margin-left: 56px;
      justify-content: space-between;
      .img1 {
        z-index: 90;
        width: 72px;
        height: 72px;
      }
      .pic1 {
        z-index: 81;
        width: 72px;
        height: 72px;
      }
      .img2 {
        z-index: 58;
        width: 72px;
        height: 72px;
      }
      .pic2 {
        z-index: 68;
        width: 72px;
        height: 72px;
      }
      .pic3 {
        z-index: 48;
        width: 72px;
        height: 72px;
      }
    }
    .layer2 {
      z-index: auto;
      width: 670px;
      height: 42px;
      justify-content: space-between;
      margin: 8px 0 0 40px;
      .info1 {
        z-index: 104;
        // width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .info2 {
        z-index: 88;
        // width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .txt1 {
        z-index: 66;
        // width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word1 {
        z-index: 79;
        // width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .info3 {
        z-index: 56;
        // width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
    }
    .layer3 {
      z-index: 107;
      height: 90px;
      margin-top: 50px;
      width: 750px;
      justify-content: center;
      align-items: center;
      .outer1 {
        z-index: auto;
        width: 670px;
        height: 48px;
        .word2 {
          z-index: 111;
        //   width: 162px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 40px;
          text-align: left;
          margin-top: 4px;
        }
        .txt2 {
          z-index: 108;
        //   width: 14px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 34px;
          line-height: 48px;
          text-align: left;
          margin-left: 458px;
        }
        .info4 {
          z-index: 109;
        //   width: 29px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 26px;
          line-height: 37px;
          text-align: left;
          margin: 6px 0 0 7px;
        }
      }
    }
    .layer4 {
      z-index: 115;
      height: 280px;
      background: url('../../assets/imgs/dds/ddsEschool/bg2.png')
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      margin-top: 10px;
      width: 750px;
      .outer2 {
        z-index: auto;
        width: 396px;
        height: 50px;
        margin: 46px 0 0 40px;
        .info5 {
          z-index: 117;
        //   width: 396px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(247, 217, 164, 1);
          font-size: 36px;
          font-family: PingFangSC-Medium;
          line-height: 50px;
          text-align: left;
        }
      }
      .outer3 {
        z-index: auto;
        width: 326px;
        height: 37px;
        margin: 5px 0 0 40px;
        .info6 {
          z-index: 116;
        //   width: 326px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 26px;
          font-family: Helvetica;
          line-height: 31px;
          text-align: left;
        }
      }
      .outer4 {
        z-index: auto;
        width: 52px;
        height: 4px;
        margin: 118px 0 0 351px;
        .pic4 {
          z-index: 118;
          width: 52px;
          height: 4px;
        }
      }
      .outer5 {
        z-index: auto;
        width: 30px;
        height: 30px;
        margin: -66px 0 0 700px;
        .icon1 {
          z-index: 336;
          width: 30px;
          height: 30px;
        }
      }
    }
    .layer5 {
      z-index: 179;
      height: 90px;
      align-self: center;
      margin-top: 40px;
      width: 670px;
      justify-content: center;
      .layer6 {
        z-index: auto;
        width: 670px;
        height: 40px;
        .word3 {
          z-index: 181;
        //   width: 122px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 40px;
          text-align: left;
        }
        .group1 {
          z-index: 183;
          height: 36px;
          border-radius: 6px;
          background-color: rgba(254, 226, 109, 1);
        //   width: 90px;
          padding: 0 12px;
          justify-content: center;
          align-items: center;
          margin: 2px 0 0 16px;
          .txt3 {
            z-index: 184;
            // width: 66px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 22px;
            line-height: 30px;
            text-align: left;
          }
        }
        .word4 {
          z-index: 185;
        //   width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 356px;
        }
        .icon2 {
          z-index: 186;
          width: 24px;
          height: 24px;
          margin: 7px 0 0 10px;
        }
      }
    }
    .layer7 {
      z-index: 122;
      height: 756px;
      background: url('../../assets/imgs/dds/ddsEschool/xbb.png')
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      align-self: center;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .bd1 {
        z-index: auto;
        width: 670px;
        height: 705px;
        .box1 {
          z-index: auto;
          width: 610px;
          height: 52px;
          margin-left: 30px;
          justify-content: space-between;
          .txt4 {
            z-index: 153;
            width: 252px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 30px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 50px;
            text-align: center;
            margin-top: 2px;
          }
          .info7 {
            z-index: 154;
            width: 252px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 28px;
            line-height: 50px;
            text-align: center;
          }
        }
        .box2 {
          z-index: auto;
          width: 610px;
          height: 336px;
          justify-content: space-between;
          margin: 44px 0 0 30px;
          .group2 {
            z-index: 138;
            height: 290px;
            background: url('../../assets/imgs/dds/ddsEschool/two.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            margin-top: 46px;
            width: 196px;
            justify-content: flex-start;
            padding-top: 34px;
            .bd2 {
              z-index: auto;
              width: 196px;
              height: 203px;
              .outer6 {
                z-index: 140;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url('../../assets/imgs/dds/ddsEschool/header.png')
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .word5 {
                z-index: 141;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 40px;
                text-align: center;
                margin-top: 10px;
              }
              .outer7 {
                z-index: 142;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .txt5 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .info8 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .txt6 {
                z-index: 143;
                // width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(72, 81, 104, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: left;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
          .group3 {
            z-index: 130;
            height: 336px;
            background: url('../../assets/imgs/dds/ddsEschool/one.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 196px;
            justify-content: flex-start;
            padding-top: 39px;
            .bd3 {
              z-index: auto;
              width: 196px;
              height: 208px;
              .section2 {
                z-index: 132;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url('../../assets/imgs/dds/ddsEschool/header.png')
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .txt7 {
                z-index: 133;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 40px;
                text-align: center;
                margin-top: 15px;
              }
              .section3 {
                z-index: 134;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .txt8 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .word6 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .txt9 {
                z-index: 135;
                // width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(144, 104, 41, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: left;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
          .group4 {
            z-index: 146;
            height: 254px;
            background: url('../../assets/imgs/dds/ddsEschool/three.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            margin-top: 81px;
            width: 196px;
            justify-content: flex-end;
            padding-bottom: 15px;
            .mod1 {
              z-index: auto;
              width: 196px;
              height: 203px;
              .box3 {
                z-index: 148;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                background: url('../../assets/imgs/dds/ddsEschool/header.png')
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                align-self: center;
              }
              .word7 {
                z-index: 149;
                width: 196px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 40px;
                text-align: center;
                margin-top: 10px;
              }
              .box4 {
                z-index: 151;
                width: 196px;
                height: 33px;
                overflow-wrap: break-word;
                text-align: center;
                margin-top: 5px;
                font-size: 0;
                .txt10 {
                  font-size: 24px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
                .word8 {
                  font-size: 24px;
                  color: rgba(0, 0, 0, 1);
                  line-height: 33px;
                }
              }
              .word9 {
                z-index: 150;
                // width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(170, 114, 97, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: center;
                align-self: center;
                margin-top: 10px;
              }
            }
          }
        }
        .box5 {
          z-index: auto;
          width: 610px;
          height: 30px;
          justify-content: space-between;
          margin: 29px 0 0 30px;
          .word10 {
            z-index: 174;
            width: 150px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .word11 {
            z-index: 175;
            width: 180px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .word12 {
            z-index: 176;
            width: 160px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
          .word13 {
            z-index: 177;
            width: 120px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 87, 101, 1);
            font-size: 22px;
            font-family: PingFangSC-Medium;
            line-height: 30px;
            text-align: center;
          }
        }
        .box6 {
          z-index: auto;
          width: 670px;
          height: 194px;
          margin-top: 20px;
          .layer8-0 {
            z-index: 163;
            height: 65px;
            width: 670px;
            justify-content: center;
            align-items: center;
            .layer9-0 {
              z-index: auto;
              width: 610px;
              height: 40px;
              justify-content: space-between;
              &.layer9_1 {
                font-weight: 700;
              }
              .txt11-0 {
                z-index: 166;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .word14-0 {
                z-index: 165;
                width: 180px;
                display: block;
                overflow-wrap: break-word;
                // font-weight: 700;
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .word15-0 {
                z-index: 164;
                width: 160px;
                display: block;
                overflow-wrap: break-word;
                // font-weight: 700;
                font-size: 26px;
                line-height: 37px;
                text-align: center;
                margin-top: 1px;
              }
              .txt12-0 {
                z-index: 167;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                // font-weight: 700;
                font-size: 28px;
                line-height: 40px;
                text-align: center;
              }
            }
          }
        }
      }
    }
    .layer10 {
      z-index: 290;
      height: 90px;
      align-self: center;
      margin-top: 50px;
      width: 670px;
      justify-content: center;
      .bd4 {
        z-index: auto;
        width: 670px;
        height: 40px;
        .word16 {
          z-index: 292;
          width: 363px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 40px;
          text-align: left;
        }
        .txt13 {
          z-index: 293;
          width: 150px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(45, 116, 243, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 30px;
        }
        .group5 {
          z-index: 294;
          width: 1px;
          height: 30px;
          background-color: rgba(190, 194, 204, 1);
          margin: 5px 0 0 20px;
        }
        .info9 {
          z-index: 295;
        //   width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 20px;
        }
        .icon3 {
          z-index: 296;
          width: 24px;
          height: 24px;
          margin: 8px 0 0 10px;
        }
      }
    }
    .layer11 {
      z-index: auto;
      width: 670px;
      height: 198px;
      justify-content: space-between;
      margin: 10px 0 0 40px;
      .main1 {
        z-index: 195;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        .img3 {
          z-index: 196;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
      .main2 {
        z-index: 211;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        .img4 {
          z-index: 212;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .layer12 {
      z-index: auto;
      width: 670px;
      height: 90px;
      justify-content: space-between;
      margin: 20px 0 0 40px;
      .group6 {
        z-index: auto;
        width: 316px;
        height: 90px;
        .word17 {
          z-index: 202;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 42px;
          text-align: left;
        }
        .layer13 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .word18 {
            z-index: 203;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .block1 {
            z-index: 205;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .info10 {
              z-index: 206;
            //   width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .txt14 {
        z-index: 220;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        line-height: 42px;
        text-align: left;
      }
    }
    .layer14 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .info11 {
        z-index: 218;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .section4 {
        z-index: 222;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word19 {
          z-index: 223;
        //   width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .layer15 {
      z-index: auto;
      width: 670px;
      height: 350px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .bd5 {
        z-index: auto;
        width: 316px;
        height: 350px;
        .box7 {
          z-index: 228;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          .pic5 {
            z-index: 229;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .info12 {
          z-index: 236;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
        .box8 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .info13 {
            z-index: 235;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .bd6 {
            z-index: 238;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .txt15 {
              z-index: 239;
            //   width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .bd7 {
        z-index: auto;
        width: 316px;
        height: 302px;
        margin-top: 42px;
        .layer16 {
          z-index: 244;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          .img5 {
            z-index: 245;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .word20 {
          z-index: 252;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
    }
    .layer17 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .word21 {
        z-index: 251;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .bd8 {
        z-index: 254;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word22 {
          z-index: 255;
        //   width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .layer18 {
      z-index: auto;
      width: 670px;
      height: 260px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .section5 {
        z-index: auto;
        width: 316px;
        height: 260px;
        .bd9 {
          z-index: 260;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          .img6 {
            z-index: 261;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .info14 {
          z-index: 267;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          font-weight: 700;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
      .section6 {
        z-index: 276;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 42px;
        .pic6 {
          z-index: 277;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .layer19 {
      z-index: auto;
      width: 670px;
      height: 84px;
      margin-left: 40px;
      .word23 {
        z-index: 268;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
        margin-top: 10px;
      }
      .bd10 {
        z-index: 270;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        margin: 10px 0 0 20px;
        .txt16 {
          z-index: 271;
        //   width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
      .word24 {
        z-index: 285;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        font-weight: 700;
        line-height: 42px;
        text-align: left;
        margin-left: 38px;
      }
    }
    .layer20 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 10px 0 0 394px;
      .word25 {
        z-index: 283;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .block2 {
        z-index: 287;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .info15 {
          z-index: 288;
        //   width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .layer21 {
      z-index: 301;
      height: 50px;
      border-radius: 25px;
      border: 1px solid rgba(228, 228, 228, 1);
      align-self: flex-start;
      width: 120px;
      justify-content: center;
      align-items: center;
      margin: 60px 0 0 296px;
      .txt17 {
        z-index: 302;
        // width: 72px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .layer22 {
      z-index: 304;
      height: 98px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(235, 235, 235, 1);
      margin-top: 80px;
      width: 750px;
      .section7 {
        z-index: auto;
        width: 601px;
        height: 43px;
        margin: 12px 0 0 75px;
        .icon4 {
          z-index: 306;
          width: 38px;
          height: 40px;
        }
        .main3 {
          z-index: 313;
          width: 42px;
          height: 40px;
          background: url('../../assets/imgs/dds/ddsEschool/cp.png') -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin: 1px 0 0 143px;
        }
        .main4 {
          z-index: 321;
          width: 40px;
          height: 42px;
          background: url('../../assets/imgs/dds/ddsEschool/xt.png') -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin: 1px 0 0 149px;
        }
        .label1 {
          z-index: 326;
          width: 42px;
          height: 42px;
          margin-left: 147px;
        }
      }
      .section8 {
        z-index: auto;
        width: 610px;
        height: 24px;
        justify-content: space-between;
        margin: 7px 0 0 70px;
        .txt18 {
          z-index: 311;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word26 {
          z-index: 318;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word27 {
          z-index: 320;
          width: 62px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 24px;
          font-family: Helvetica;
          line-height: 24px;
          text-align: justify;
        }
        .txt19 {
          z-index: 332;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
      }
    }
  }
  .section9 {
    z-index: 6;
    height: 538px;
    overflow: hidden;
    width: 750px;
    justify-content: flex-start;
    padding-top: 40px;
    position: absolute;
    left: 0;
    top: -41px;
    .section10 {
      z-index: auto;
      width: 750px;
      height: 372px;
      .outer8 {
        z-index: 20;
        height: 120px;
        width: 750px;
        justify-content: center;
        align-items: center;
        .outer9 {
          z-index: auto;
          width: 670px;
          height: 67px;
          .txt20 {
            z-index: 29;
            // width: 96px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 48px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 67px;
            text-align: left;
          }
          .img7 {
            z-index: 28;
            width: 144px;
            height: 42px;
            margin: 12px 0 0 11px;
          }
          .icon5 {
            z-index: 30;
            width: 44px;
            height: 44px;
            margin: 11px 0 0 291px;
          }
          .outer10 {
            z-index: 23;
            height: 44px;
            background: url('../../assets/imgs/dds/ddsEschool/rl.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 44px;
            justify-content: center;
            align-items: center;
            margin: 11px 0 0 40px;
            .word28 {
              z-index: 24;
            //   width: 23px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 22px;
              font-family: PingFangSC-Semibold;
              line-height: 22px;
              text-align: left;
            }
          }
        }
      }
      .word29 {
        z-index: 14;
        // width: 216px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 54px;
        font-family: PingFangSC-Semibold;
        font-weight: 700;
        line-height: 75px;
        text-align: left;
        align-self: flex-start;
        margin: 35px 0 0 60px;
      }
      .txt21 {
        z-index: 13;
        // width: 321px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: left;
        align-self: flex-start;
        margin: 2px 0 0 60px;
      }
      .pic7 {
        z-index: 15;
        width: 84px;
        height: 4px;
        align-self: center;
        margin-top: 96px;
      }
    }
    .img8 {
      z-index: 11;
      position: absolute;
      left: 0;
      top: 41px;
      width: 750px;
      height: 497px;
    }
  }
  .section11 {
    z-index: 43;
    height: 150px;
    background: url('../../assets/imgs/dds/ddsEschool/icss.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 40px;
    top: 400px;
    padding: 23px 0 0 30px;
    .mod2 {
      z-index: auto;
    //   width: 146px;
      height: 83px;
      .txt22 {
        z-index: 45;
        // width: 146px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        font-weight: 700;
        line-height: 48px;
      }
      .word30 {
        z-index: 44;
        // width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        align-self: flex-start;
        margin-top: 2px;
      }
    }
  }
  .section12 {
    z-index: 37;
    height: 150px;
    background: url('../../assets/imgs/dds/ddsEschool/xr.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 385px;
    top: 400px;
    padding: 22px 0 0 30px;
    .layer23 {
      z-index: auto;
    //   width: 144px;
      height: 83px;
      .word31 {
        z-index: 39;
        // width: 136px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        font-weight: 700;
        line-height: 48px;
        align-self: flex-start;
      }
      .word32 {
        z-index: 38;
        // width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        margin-top: 2px;
      }
    }
  }
  .pic8 {
    z-index: 335;
    position: absolute;
    left: 580px;
    top: 1096px;
    width: 130px;
    height: 114px;
  }
  .section13 {
    z-index: 198;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2346px;
    .word33 {
      z-index: 200;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section14 {
    z-index: 214;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2346px;
    .txt23 {
      z-index: 216;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section15 {
    z-index: 231;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2714px;
    .word34 {
      z-index: 233;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section16 {
    z-index: 247;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2756px;
    .word35 {
      z-index: 249;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section17 {
    z-index: 263;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 3124px;
    .word36 {
      z-index: 265;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .section18 {
    z-index: 279;
    height: 40px;
    background: url('../../assets/imgs/dds/ddsEschool/zz.png')
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 3166px;
    .txt24 {
      z-index: 281;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
}

</style>
